<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
<meta charset="utf-8" />
<title>Akka-esb 监控中心</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta content="" name="description" />
<meta content="Mosaddek" name="author" />
<link href="${root}/static/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<link href="${root}/static/bootstrap/css/bootstrap-responsive.min.css"
	rel="stylesheet" />
<link href="${root}/static/bootstrap/css/bootstrap-fileupload.css"
	rel="stylesheet" />
<link href="${root}/static/font-awesome/css/font-awesome.css" rel="stylesheet" />
<link href="${root}/static/css/style.css" rel="stylesheet" />
<link href="${root}/static/css/style-responsive.css" rel="stylesheet" />
<link href="${root}/static/css/style-default.css" rel="stylesheet" id="style_color" />
<link href="${root}/static/fullcalendar/fullcalendar/bootstrap-fullcalendar.css"
	rel="stylesheet" />
<link href="${root}/static/jquery-easy-pie-chart/jquery.easy-pie-chart.css"
	rel="stylesheet" type="text/css" media="screen">

<style type="text/css">
body{
	overflow: hidden;
}
</style>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="fixed-top">
	<!-- BEGIN HEADER -->
	<div id="header" class="navbar navbar-inverse navbar-fixed-top">
		<!-- BEGIN TOP NAVIGATION BAR -->
		<div class="navbar-inner">
			<div class="container-fluid">
				<!--BEGIN SIDEBAR TOGGLE-->
				<div class="sidebar-toggle-box hidden-phone">
					<div class="icon-reorder tooltips" data-placement="right"
						data-original-title="Toggle Navigation"></div>
				</div>
				<!--END SIDEBAR TOGGLE-->
				<!-- BEGIN LOGO -->
				<a class="brand" href="index.html"> <img src="${root}/static/img/logo.png"
					alt="Metro Lab" />
				</a>
				<!-- END LOGO -->
				<!-- BEGIN RESPONSIVE MENU TOGGLER -->
				<a class="btn btn-navbar collapsed" id="main_menu_trigger"
					data-toggle="collapse" data-target=".nav-collapse"> <span
					class="icon-bar"></span> <span class="icon-bar"></span> <span
					class="icon-bar"></span> <span class="arrow"></span>
				</a>
				<!-- END RESPONSIVE MENU TOGGLER -->
				<div id="top_menu" class="nav notify-row">
					<!-- BEGIN NOTIFICATION -->
					<ul class="nav top-menu">
						<!-- BEGIN SETTINGS -->
						<li class="dropdown"><a href="#" class="dropdown-toggle"
							data-toggle="dropdown"> <i class="icon-tasks"></i> <span
								class="badge badge-important">6</span>
						</a>
							<ul class="dropdown-menu extended tasks-bar">
								<li>
									<p>你有6条任务</p>
								</li>
								<li><a href="#">
										<div class="task-info">
											<div class="desc">控制台</div>
											<div class="percent">44%</div>
										</div>
										<div class="progress progress-striped active no-margin-bot">
											<div class="bar" style="width: 44%;"></div>
										</div>
								</a></li>
								<li><a href="#">
										<div class="task-info">
											<div class="desc">数据库更新</div>
											<div class="percent">65%</div>
										</div>
										<div
											class="progress progress-striped progress-success active no-margin-bot">
											<div class="bar" style="width: 65%;"></div>
										</div>
								</a></li>
								<li><a href="#">
										<div class="task-info">
											<div class="desc">手机开发进度</div>
											<div class="percent">87%</div>
										</div>
										<div
											class="progress progress-striped progress-info active no-margin-bot">
											<div class="bar" style="width: 87%;"></div>
										</div>
								</a></li>
								<li><a href="#">
										<div class="task-info">
											<div class="desc">手机App进度</div>
											<div class="percent">33%</div>
										</div>
										<div
											class="progress progress-striped progress-warning active no-margin-bot">
											<div class="bar" style="width: 33%;"></div>
										</div>
								</a></li>
								<li><a href="#">
										<div class="task-info">
											<div class="desc">控制台</div>
											<div class="percent">90%</div>
										</div>
										<div
											class="progress progress-striped progress-danger active no-margin-bot">
											<div class="bar" style="width: 90%;"></div>
										</div>
								</a></li>
								<li class="external"><a href="#">查看所有任务</a></li>
							</ul></li>
						<!-- END SETTINGS -->
						<!-- BEGIN INBOX DROPDOWN -->
						<li class="dropdown" id="header_inbox_bar"><a href="#"
							class="dropdown-toggle" data-toggle="dropdown"> <i
								class="icon-envelope-alt"></i> <span
								class="badge badge-important">5</span>
						</a>
							<ul class="dropdown-menu extended inbox">
								<li>
									<p>你有5条消息</p>
								</li>
								<li><a href="#"> <span class="photo"><img
											src="${root}/static/img/avatar-mini.png" alt="avatar" /></span> <span
										class="subject"> <span class="from">Jonathan
												Smith</span> <span class="time">Just now</span>
									</span> <span class="message"> Hello, 这是个消息列子. </span>
								</a></li>
								<li><a href="#"> <span class="photo"><img
											src="${root}/static/img/avatar-mini.png" alt="avatar" /></span> <span
										class="subject"> <span class="from">Jhon Doe</span> <span
											class="time">10 mins</span>
									</span> <span class="message"> Hi, 最近咋样? </span>
								</a></li>
								<li><a href="#"> <span class="photo"><img
											src="${root}/static/img/avatar-mini.png" alt="avatar" /></span> <span
										class="subject"> <span class="from">Jason
												Stathum</span> <span class="time">3 hrs</span>
									</span> <span class="message"> This is awesome dashboard. </span>
								</a></li>
								<li><a href="#"> <span class="photo"><img
											src="${root}/static/img/avatar-mini.png" alt="avatar" /></span> <span
										class="subject"> <span class="from">Jondi Rose</span> <span
											class="time">Just now</span>
									</span> <span class="message"> Hello, this is metrolab </span>
								</a></li>
								<li><a href="#">See all messages</a></li>
							</ul></li>
						<!-- END INBOX DROPDOWN -->
						<!-- BEGIN NOTIFICATION DROPDOWN -->
						<li class="dropdown" id="header_notification_bar"><a href="#"
							class="dropdown-toggle" data-toggle="dropdown"> <i
								class="icon-bell-alt"></i> <span class="badge badge-warning">7</span>
						</a>
							<ul class="dropdown-menu extended notification">
								<li>
									<p>你有7条提示信息</p>
								</li>
								<li><a href="#"> <span class="label label-important"><i
											class="icon-bolt"></i></span> Server #3 overloaded. <span
										class="small italic">34 mins</span>
								</a></li>
								<li><a href="#"> <span class="label label-warning"><i
											class="icon-bell"></i></span> Server #10 not respoding. <span
										class="small italic">1 Hours</span>
								</a></li>
								<li><a href="#"> <span class="label label-important"><i
											class="icon-bolt"></i></span> Database overloaded 24%. <span
										class="small italic">4 hrs</span>
								</a></li>
								<li><a href="#"> <span class="label label-success"><i
											class="icon-plus"></i></span> New user registered. <span
										class="small italic">Just now</span>
								</a></li>
								<li><a href="#"> <span class="label label-info"><i
											class="icon-bullhorn"></i></span> Application error. <span
										class="small italic">10 mins</span>
								</a></li>
								<li><a href="#">See all notifications</a></li>
							</ul></li>
						<!-- END NOTIFICATION DROPDOWN -->

					</ul>
				</div>
				<!-- END  NOTIFICATION -->
				<div class="top-nav ">
					<ul class="nav pull-right top-menu">
						<!-- BEGIN SUPPORT -->
						<li class="dropdown mtop5"><a class="dropdown-toggle element"
							data-placement="bottom" data-toggle="tooltip" href="#"
							data-original-title="Chat"> <i class="icon-comments-alt"></i>
						</a></li>
						<li class="dropdown mtop5"><a class="dropdown-toggle element"
							data-placement="bottom" data-toggle="tooltip" href="#"
							data-original-title="Help"> <i class="icon-headphones"></i>
						</a></li>
						<!-- END SUPPORT -->
						<!-- BEGIN USER LOGIN DROPDOWN -->
						<li class="dropdown"><a href="#" class="dropdown-toggle"
							data-toggle="dropdown"> <img src="${root}/static/img/avatar-mini.png"
								alt=""> <span class="username">Jhon Doe</span> <b
								class="caret"></b>
						</a>
							<ul class="dropdown-menu extended logout">
								<li><a href="#"><i class="icon-user"></i>我的资料</a></li>
								<li><a href="#"><i class="icon-cog"></i>我的设置</a></li>
								<li><a href="login.html"><i class="icon-key"></i>退出</a></li>
							</ul></li>
						<!-- END USER LOGIN DROPDOWN -->
					</ul>
					<!-- END TOP NAVIGATION MENU -->
				</div>
			</div>
		</div>
		<!-- END TOP NAVIGATION BAR -->
	</div>
	<!-- END HEADER -->
	<!-- BEGIN CONTAINER -->
	<div id="container" class="row-fluid">
		<!-- BEGIN SIDEBAR -->
		<div class="sidebar-scroll">
			<div id="sidebar" class="nav-collapse collapse">

				<!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
				<div class="navbar-inverse">
					<form class="navbar-search visible-phone">
						<input type="text" class="search-query" placeholder="Search" />
					</form>
				</div>
				<!-- END RESPONSIVE QUICK SEARCH FORM -->
				<!-- BEGIN SIDEBAR MENU -->
				<ul class="sidebar-menu">
					<li class="sub-menu active"><a class="" href="index.html">
							<i class="icon-dashboard"></i> <span>首页</span>
					</a></li>
					<li class="sub-menu"><a href="javascript:;" class=""> <i
							class="icon-th"></i> <span>服务监控</span> <span class="arrow"></span>
					</a>
						<ul class="sub">
							<li ><a class="" href="general.html"><i class="icon-desktop"></i>节点状态</a></li>
							<li><a class="" href="button.html"><i class="icon-cog"></i>服务状态</a></li>
							<li><a class="" href="slider.html"><i class="icon-bar-chart"></i>服务统计</a></li>
						</ul></li>
					<li class="sub-menu"><a href="javascript:;" class=""> <i
							class="icon-tasks"></i> <span>服务治理</span> <span class="arrow"></span>
					</a>
						<ul class="sub">
							<li><a class="" href="calendar.html">日历</a></li>
							<li><a class="" href="grids.html">网格</a></li>
							<li><a class="" href="chartjs.html">图表统计</a></li>
							<li><a class="" href="flot_chart.html">Flot图表</a></li>
							<li><a class="" href="gallery.html">相册</a></li>
						</ul></li>
					<li class="sub-menu"><a href="javascript:;" class=""> <i
							class="icon-book"></i> <span>服务日志</span> <span class="arrow"></span>
					</a>
						<ul class="sub">
							<li><a class="" href="form_layout.html">表单布局</a></li>
							<li><a class="" href="form_component.html">表单组件</a></li>
							<li><a class="" href="form_wizard.html">表单提示</a></li>
							<li><a class="" href="form_validation.html">表单验证</a></li>
							<li><a class="" href="dropzone.html">文件上传</a></li>
						</ul></li>
					<li class="sub-menu"><a href="javascript:;" class=""> <i
							class="icon-cogs"></i> <span>系统管理</span> <span class="arrow"></span>
					</a>
						<ul class="sub">
							<li><a class="" href="basic_table.html">简单表格</a></li>
							<li><a class="" href="dynamic_table.html">动态表格</a></li>
							<li><a class="" href="editable_table.html">可编辑表格</a></li>
						</ul></li>
				</ul>
				<!-- END SIDEBAR MENU -->
			</div>
		</div>
		<!-- END SIDEBAR -->
		<!-- BEGIN PAGE -->
		<div id="main-content" style="height: 100%;margin-bottom: 40px;">
			<!-- BEGIN PAGE CONTAINER-->
				<iframe src="dashboard.html" id="page_content" name="page_content" style="border: 0px;width: 100%;height: 99%; overflow: hidden;"></iframe>
			<!-- END PAGE CONTAINER-->
		</div>
		<!-- END PAGE -->
	</div>
	<!-- END CONTAINER -->

	<!-- BEGIN FOOTER -->
	<div id="footer">2013 &copy; MetroAdmin.</div>
	<!-- END FOOTER -->

	<!-- BEGIN JAVASCRIPTS -->
	<!-- Load javascripts at bottom, this will reduce page load time -->
	<script src="${root}/static/js/jquery-1.8.3.min.js"></script>
	<script src="${root}/static/js/jquery.nicescroll.js" type="text/javascript"></script>
	<script type="text/javascript"
		src="${root}/static/jquery-slimscroll/jquery-ui-1.9.2.custom.min.js"></script>
	<script type="text/javascript"
		src="${root}/static/jquery-slimscroll/jquery.slimscroll.min.js"></script>
	<script src="${root}/static/fullcalendar/fullcalendar/fullcalendar.min.js"></script>
	<script src="${root}/static/bootstrap/js/bootstrap.min.js"></script>

	<!-- ie8 fixes -->
	<!--[if lt IE 9]>
   <script src="${root}/static/js/excanvas.js"></script>
   <script src="${root}/static/js/respond.js"></script>
   <![endif]-->

	<script src="${root}/static/jquery-easy-pie-chart/jquery.easy-pie-chart.js"
		type="text/javascript"></script>
	<script src="${root}/static/js/jquery.sparkline.js" type="text/javascript"></script>
	<script src="${root}/static/chart-master/Chart.js"></script>
	<script src="${root}/static/js/jquery.scrollTo.min.js"></script>


	<!--common script for all pages-->
	<script src="${root}/static/js/common-scripts.js"></script>

	<!--script for this page only-->

	<!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>
